@charset "utf-8";
/* CSS Document */

/* public styles*/
*{margin:0; padding:0; }
html, body {height: 100%;}
body{font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:12px; color:#434343; background-color:#262626}
h1, h2, h3, h4, h5, h6 {color:#333;}
h1{font-size:24px;}
h2{font-size:16px;}
h3{font-size:15px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:12px;}
a{color:#15B1EC;font-weight:normal;text-decoration:none;}
a:hover {color: #15B1EC;}
p {line-height:130%; padding:0 0 10px 0;}
ul {padding:10px 0 0 10px; }
ul li {list-style:none;} 
img {border: none;}
form{}
form label {}
form textarea{font-size:12px;}
form select {font-size:12px; height:22px;}
input[type="text"], input[type="password"]{font-size:12px;height:17px; color:#666;}
select{ height:21px; }
input[type="image"]{}
input[type="button"]{ background:url(images/button_03.png) scroll repeat-x left center; height:25px; background-color:#FFFFFF; border:none;
}
.clear20{ font-size:0; clear:both; height:20px;}
.clear15{ font-size:0; clear:both; height:15px;}
.clear10{ font-size:0; clear:both; height:10px;}
.clear5{ font-size:0; clear:both; height:5px;}
.clear1{ font-size:0; clear:both; height:1px;}
.clear{ clear:both;}

.input20{ width:20px;}
.input40{  width:40px;}
.input60{  width:60px;}
.input80{  width:80px;}
.input100{  width:100px; vertical-align:bottom;}
.input150{  width:150px;}
.input-150{ width:150px; color:#666;}
.input200{  width:200px;}
.input250{ width:250px;}
.select200{ width:204px;}
.input300{ width:300px;}
.inputRmark{ width:718px;}

.textarea800{width:800px; height:85px;}
.textarea800_170{width:800px; height:170px;}
.blod{ font-weight:bold;}


.upinput{margin-bottom:2px; padding-bottom:0; padding-top:5px; clear:both;}

.title20{ clear:both; padding-top:20px;padding-bottom:10px;}
.title15{ clear:both; padding-top:20px;padding-bottom:10px;}
.title10{ clear:both; padding-top:20px;padding-bottom:10px;}
tbody td{ padding-bottom:5px;}
.checkTb label{ padding-left:5px;}
.italicTxt{ font-style:italic; font-weight:normal; color:#666;}
.italic{ font-style:italic; font-size:12px;}
.nowrap{ white-space:nowrap;}
/* structrue */
.p1,.p2{float:left; margin-right:10px;}
.uibtn{ clear:both; margin:0; padding:0;
 }
.uibtn li{ float:left; height:25px; border:1px solid #ccc; line-height:25px; font-size:12px;     -moz-border-radius:4px;
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
	-webkit-border-radius:4px; cursor:pointer;}
.uibtn li a{ display:block; padding:0 10px 0;}
.uibtn li span{ display:block; padding:0 10px 0;}
	/*.uibtn li:hover{ color:#f49417; border-color:#f49417;}*/
	
.uibtn li:hover,.uv li:hover{ color:#fff; border-color:#f49417; background:#f49417;}	
.fudong{ float:left; margin-right:20px;}/*edit by peter 2011-03-03*/

.web-body{width:100%; margin:0 auto; height:100%;}
.header{width:100%;}
.contenter{width:100%; min-height:80%; height:auto; overflow:hidden; padding-bottom:20px;}
.footer{clear:both; padding-top:8px; height:40px; padding-left:48px;padding-right:29px;}

/* header */
/* top */
.logo{position:absolute;left:25px;  overflow:hidden; background-color:#fff; height:81px;}
.logo img{ width:position:absolute; left:0; top:13px; }
.top{ height:85px; clear:both; margin:0 20px}
.welcome{ float:right; padding-top:40px; margin-right:-4px;color:#eee;}
.h-nav{background:url(images/header-bg.png) scroll repeat-x   left -53px;}
.home-pic{ display:block; width:16px; height:15px; background:url(images/home.png) scroll no-repeat left top; float:left; margin-left:-16px;}
.websit-pic{display:block; width:16px; height:15px; background:url(images/website.png) scroll no-repeat left top; float:left; margin-left:-18px;}
.account-pic{display:block; width:16px; height:15px; background:url(images/account.png) scroll no-repeat left top; float:left; margin-left:-16px;}
.logout-pic{display:block; width:16px; height:15px; background:url(images/login.png) scroll no-repeat left top; float:left; margin-left:-16px;}
a.btn
{
    font-weight:normal;
	padding:2px 5px 2px 18px;
	margin-right:0;
	display:block;
	float:left;
	margin:5px;
	padding:0.4em 1em 0.4em 20px;
	position:relative;
	border:1px solid #666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
	-webkit-border-radius:3px; line-height:1px;
	cursor:pointer;
	outline:none;
	line-height: normal;
	font-family:inherit;
	font-size:11px;
	background:#262626;
	border-color:#4e4e4e;
	color:#ccc;
	
}



.welcome a{
    background:#262626;
	border-color:#4e4e4e;
	color:#ccc;
	}
.welcome a:hover{
    color:#7a7a7a;
	}
.h-nav a{ color:#FFFFFF; font-size:13px;}
.h-nav a:hover{ text-decoration:underline;}
.login-logout-box a{color:#FFFFFF; font-size:13px}

	
	



/*head nav*/

.h-nav{height:32px; line-height:32px; }
.navigation{ margin:0; padding:0 0 0 25px; height:32px; width:600px; float:left;}
.navigation li{  
    float:left;
	width:auto;
    position:relative;
	height:32px;
	border-right:#666 solid 1px;
	border-left:#3b3b3b solid 1px;
	position:relative;
	overflow:hidden;
}
.navigation .hoverf{ position:relative; overflow:visible; }
.navigation li a{
    padding-left:8px;
	padding-right:8px;
    display:block;
	height:32px;
	line-height:32px;
	padding:0 8px;	
	color:#bdbdbd;
	text-shadow:#2f2f2f 1px 1px 0; font-family:inherit;
	}
.navigation li a.with-ul {
	padding:0 20px 0 8px;
}	

.navigation li a:hover{ text-decoration:none;color:#ededed;background:#4f4f4f;}
.navigation .ui-icon {
	position:absolute;
	top:50%;
	right:3px;
	margin-top:-8px;
	background-position:-63px top;
}
.navigation .hoverf .ul2{ top:32px;overflow: visible;}
.navigation  .ul2{
    width:200px; position:absolute;z-index:999;background:#fff;
	display:none;
	border:#5d5d5d solid 1px;
	padding:0; margin:0;	
	left:-1px;
	top:1000px;
	padding:5px;	
	z-index:999;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-radius-bottomright:8px;
	 box-shadow:0 0 10px #000;
	-o-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	overflow:hidden;		
	}
.navigation .hoverf .ul2 .hoverf{overflow: visible;}	
.navigation  .ul2 li{
    clear:both;
	height:30px;
	line-height:30px;	
	background:#F0F0F0;
	border-bottom:1px dotted #ccc;
	border-left:0;
	border-right:0; width:100%;
	position:relative;
	overflow: hidden;
	}

.navigation  .hoverf .ul2 .hoverf .hoverfa2{ background:#F7F7F7;color:#333;position:absolute; left:0; top:0; z-index:999; padding-right:2px; width:100%}

.navigation  .ul2 li a
{
 height:30px; 
 line-height:30px; 
 display:block;
 color:#5a5a5a!important;
 text-shadow:#fff 1px 1px 0;
 float:none;

}
.navigation  .ul2 li a:hover
{
    background:#F7F7F7;
	color:#333;
}

.navigation .hoverf .ul2 .hoverf .ul3{ display:block;left:205px;}
.navigation  .ul2 li .ul3
{
    display:none;
    width:200px;	
	position:absolute;z-index:1;background:#fff;
	display:block;
	border:#5d5d5d solid 1px;
	padding:0; margin:0;	
	left:2205px;
	top:-1px;
	padding:5px;	
	z-index:1;
	-moz-border-radius-topright:8px;
	-webkit-border-radius-topright:8px;	
	-moz-border-radius-bottomright:8px;
	-webkit-border-radius-bottomright:8px;
	 box-shadow:0 0 10px #000;
	-o-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	overflow:hidden;	
}
.navigation  .hoverf .ul2 .hoverf .ul3 li
{
    clear:both;
	height:30px;
	line-height:30px;	
	background:#F0F0F0;
	border-bottom:1px dotted #ccc;
	border-left:0;
	border-right:0; width:100%;	
}
.navigation  .hoverf .ul2 .hoverf .ul3 li a
{
 background:#F0F0F0;
 height:30px; 
 line-height:30px; 
 display:block;
 color:#5a5a5a!important;
 text-shadow:#fff 1px 1px 0;
 float:none;


}

.navigation  .hoverf .ul2 .hoverf .ul3 li a:hover
{
   
	background:#f7f7f7;
	color:#333;
	width:100%;
}


.ui-icon { 
	background-image:url(images/icons-red.png);
	width: 16px;
	height: 16px;
	display: block; 
	text-indent: -99999px;
	overflow: hidden;
	background-repeat:no-repeat; 
}
.searchbox{ float:right; width:230px; height:30px; padding-top:2px}
.searchbox input[type="text"]{background:url('images/search_bar.png') no-repeat;height:18px;
	width:180px;
	padding:5px 10px 0 23px;
	border:0;
	font-size:12px;
	color:#9b9b9b;
}
/* content */
.con-top{clear:both; height:40px; margin-left:20px; padding-top:10px;}
.con-nav .btn{ float:right;}
.content-title{float:left; width:65%;}
.content-title h1{color:#ffc6c6;}
.con-nav{float:right; width:30%; text-align:right; padding-right:20px;}
.con-nav .ui-icon{ margin-left:-16px; position:absolute;} 

.main{ margin:0 20px; overflow:hidden; background-color:#efefef; border:1px solid #eeeeee;
    -moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	padding:10px;
	min-width:900px;
}
.con-nav a{    
	position:relative;	
	}
.con-nav a:hover{
    color:#7a7a7a;
	}
	
.partWrap{ 
    border:1px solid #ccc;
	background-color:#fff; 
	padding:10px;
	margin-bottom:15px;
    border:1px solid #fff;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#fff;
	border-right:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
}	

/* footer */
.copy-right{color:#ffffff; font-size:12px; padding-top:9px; text-align:center; }
.copy-right span{ font-weight:normal; font-size:0.95em; color:#ccc;}
.copy-right .img{ float:right; padding-top:3px; width:9px; height:12px; }

/* pop style*/
.myWrap .close_on{
	background-image:url(images/del-select.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.myWrap .close_out{
	background-image:url(images/del-select.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.web-body .myWrap{ border:#ccc 1px solid; background-color:#fff;  }
.Poptxt{ font-size:13px; color:#333;}
.activity-phnone{ float:left;}

.btnwrap{ width:200px;}
/*.btnwrapl{ width:65px;}*/
.btnwrapl{ width:120px;}/*edit by peter 2011-03-03*/

.btnwrapr{}
form label{ padding-left:5px;}
.round
{
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  }
 .CheckWrap input[type='checkbox']{ vertical-align:text-top;}
 
  .autocomplete_completionListElement {
            background-color: inherit;
            border: 1px solid buttonshadow;
            color: windowtext;
            height: 200px;
            list-style-type: none;
            margin: 0 !important;
            overflow: auto;
            text-align: left;
            visibility: hidden;
        }
        .autocomplete_highlightedListItem {
            background-color: #FFFF99;
            color: black;
            padding: 1px;
        }
        .autocomplete_listItem {
            background-color: window;
            color: windowtext;
            padding: 1px;
        }

